<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>个人中心</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" href="http://static-online.zhaogang.com/publicresource/css/CatUI.min.css">
	<link rel="stylesheet" href="/Resources/user/css/user.css">
</head>
<body>
	<div id="mall_header">
		<div class="topbar">
			<div class="w1180">
				<div class="toplink">
					<a href=""><i class="home"></i>找钢首页</a>
					<span>喵，欢迎来找钢！</span>
					<a href="javascript:" id="btn_login">请登录</a>
					<a href="javascript:" id="btn_register">免费注册</a>
					<a href="javascript:" id="btn_quit" style="display:none;">退出</a>
				</div>
				<div class="topmenu">
					<a href="">我的找钢网</a>
					|<a href="">我的订单</a>
					|<a href="">积分商城</a>
					|<a href="">帮助中心</a>
					|<a href="">在线客服</a>
					|<span><i class="tel"></i>021-60100300 (8:30-17:30)</span>	
				</div>
			</div>
		</div>
		<div class="header_box">
			<div class="header_main subtitle">
				<a href="" class="logo"></a>
				<h1>个人中心<span>（个人版）</span></h1>
				<span class="link">
					<a href="javascript:void(0)">切换账号</a>
					<a href="javascript:void(0)">退出</a>
				</span>
			</div>
		</div>
	</div>

	<div class="user_content">
		<div class="nav">
			<dl>
				<dt>我的交易</dt>
				<dd><a href="index.html">我的购物车</a></dd>
				<dd><a href="order.html">我的商城订单</a></dd>
				<dd><a href="fp.html">发票查询</a></dd>
			</dl>
			<dl>
				<dt>我的资源单</dt>
				<dd><a href="my_zyd.html">我的资源单</a></dd>
				<dd><a href="my_gz.html">我的关注</a></dd>
			</dl>
			<dl>
				<dt>胖猫白条</dt>
				<dd><a href="lous.html">我的白条</a></dd>
				<dd><a href="record.html" class="on">交易记录</a></dd>
				<dd><a href="discount.html">优惠管理</a></dd>
			</dl>
			<dl>
				<dt>企业信息</dt>
				<dd><a href="company_info.html">企业信息</a></dd>
				<dd><a href="child.html">子账号管理</a></dd>
			</dl>
			<dl>
				<dt>个人中心</dt>
				<dd><a href="apply.html">申请企业账号</a></dd>
				<dd><a href="user_info.html">账户信息</a></dd>
				<dd><a href="point.html">我的积分</a></dd>
				<dd><a href="user_safe.html">账号安全</a></dd>
			</dl>
		</div>
		<div class="content">
			<div class="recent_list record">
				<h2>交易记录</h2>
				<div class="box">
					<div class="lous_select ">
						<ul>
							<li class="active">全部</li>
							<li>支付</li>
							<li>还款</li>
						</ul>
						<div class="condition_box">
							<input type="text" id="date1" data-date-format="yyyy-mm-dd" readonly="" placeholder="2016-10-11"/ class="date">
							<input type="text" id="date2" data-date-format="yyyy-mm-dd" readonly="" placeholder="2016-10-18"/ class="date">
							<input type="text" placeholder="输入订单号">
							<a href="javascript:void(0)" class="btns">搜索</a>
							<a href="javascript:void(0)" class="btns">导出</a>
							<a href="javascript:void(0)" class="btns btns_empty">清空</a>
						</div>
					</div>
					<table cellpadding="0" cellspacing="0">
						<tr>
							<th width="195">交易时间</th>
							<th width="195">订单编号</th>
							<th width="110">交易类型</th>
							<th width="115">交易金额</th>
							<th width="125">交易人员</th>
							<th width="115">交易状态</th>
							<th>操作</th>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)" class="go_see">详情</a></td>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)">详情</a></td>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)">详情</a></td>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)">详情</a></td>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)">详情</a></td>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)">详情</a></td>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)">详情</a></td>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)">详情</a></td>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)">详情</a></td>
						</tr>
						<tr>
							<td>2016-03-20 10:16:18</td>
							<td>XS16100810096399</td>
							<td>还款</td>
							<td>￥763.59</td>
							<td>王珊珊</td>
							<td>成功</td>
							<td><a href="javascript:void(0)">详情</a></td>
						</tr>
					</table>
					<div class="pkg_page clearfix">
						<a href="javascript:" class="up up_nocurrent">上一页</a>
						<a href="javascript:" class="current">1</a>
						<a href="javascript:">2</a>
						<a href="javascript:">3</a>
						<a href="javascript:">4</a>
						<span class="pkg_page_ellipsis">...</span>
						<a href="javascript:">99</a>
						<a href="javascript:" class="down">下一页</a>
					<span class="pkg_pagevalue">
						到<input type="text" id="iptPageTxt" class="pkg_page_num">页<a href="javascript:" class="pkg_page_submit">确定</a>
					</span>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="mall_footer">
		<div class="copyright">
			<div class="link">
		    	<a href="" target="_blank">关于我们</a>
		        | <a href="" target="_blank">法律声明</a>
		        | <a href="" target="_blank">诚聘英才</a>
		        | <a href="" target="_blank">联系我们</a>
		        | <a href="" target="_blank">友情链接</a>
		        | <a href="" target="_blank">常见问题</a>
		    </div>
			<p>COPYRIGHT &copy; 找钢网 www.zhaogang.com 沪ICP备 13013915号-3 ICP证：沪B2-20140148</p>
			<p class="honor">
				<span>商务部2015-2016年度电子商务示范企业</span>
				<span>2015年中国企业家未来之星</span>
				<span>经济观察报 中国最受尊敬企业风云人物</span>
				<span>2015年中国大宗商品现代流通诚信市场</span>
			</p>
			<div class="copyimg">
				<span class="img1"></span>
				<span class="img2"></span>
				<a href="http://www.itrust.org.cn/home/index/itrust_certifi?wm=1591692730" class="img4" target="_blank"></a>
				<a href="" class="img3"></a>
			</div>
		</div>
	</div>
	
	
	<!-- 交易详情-还款 -->
	<div class="user_popup record_popup go_repay_detail" style="width: 740px;">
		<h2>交易详情-还款-20161014182109873</h2>
		<a href="javascript:void(0)" class="closeBtn">×</a>
		<div class="body">
			<div class="repay">
				<h3>还款订单信息</h3>
				<table cellpadding="0" cellspacing="0">
					<tr>
						<td width="295">
							<span class="repay_name">订单编号:</span><span class="repay_num">XS16100810096399</span>
						</td>
						<td width="230">
							<span class="repay_name">下单时间:</span><span class="repay_num">2016-10-08 18:21:22</span>
						</td>
						<td>
							<span class="repay_name">支付时间:</span><span class="repay_num">2016-10-08 18:21:22</span>
						</td>
					</tr>
					<tr>
						<td width="295">
							<span class="repay_name">订单金额:</span><span class="repay_num">￥7,633,324.59</span>
						</td>
						<td width="230">
							<span class="repay_name">支付金额:</span><span class="repay_num">￥7,633,324.59</span>
						</td>
						<td>
							<span class="repay_name">累计还款:</span><span class="repay_num">￥7,633,324.59</span>
						</td>
					</tr>
				</table>
			</div>
			<div class="repay">
				<h3>本次还款信息</h3>
				<table cellpadding="0" cellspacing="0">
					<tr>
						<td colspan="2">
							<span class="repay_name">还款金额:</span><span class="repay_num red repay-money">￥7,633,324.59</span>
						</td>
						<td>
							<span class="repay_name">还款顺序:</span><span class="repay_num red">罚息、利息、本金</span>
						</td>
					</tr>
					<tr>
						<td width="295">
							<span class="repay_name">本金:</span><span class="repay_num">￥7,633,324.59</span>
						</td>
						<td width="230">
							<span class="repay_name">利息:</span><span class="repay_num">￥7,633,324.59</span>
						</td>
						<td>
							<span class="repay_name">罚息:</span><span class="repay_num">￥7,633,324.59</span>
						</td>
					</tr>
					<tr>
						<td>
							<span class="repay_name">还款时间:</span><span class="repay_num">2016-10-08 18:21:22</span>
						</td>
						<td>
							<span class="repay_name">还款方式:</span><span class="repay_num">易宝支付-平安银行</span>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>


	<!-- 交易详情-支付 -->
	<div class="user_popup record_popup go_pay_detail" style="width: 510px;">
		<h2>交易详情-支付-20161014182109873</h2>
		<a href="javascript:void(0)" class="closeBtn">×</a>
		<div class="body">
			<div class="repay">
				<h3>支付订单信息</h3>
				<table cellpadding="0" cellspacing="0">
					<tr>
						<td width="295">
							<span class="repay_name">订单编号:</span><span class="repay_num">XS16100810096399</span>
						</td>
						<td>
							<span class="repay_name">公司名称:</span><span class="repay_num">杨琴流水测试公司</span>
						</td>
					</tr>
					<tr>
						<td>
							<span class="repay_name">下单时间:</span><span class="repay_num">2016-10-08 18:21:22</span>
						</td>
						<td>
							<span class="repay_name">支付时间:</span><span class="repay_num">￥7,633,324.59</span>
						</td>
					</tr>
					<tr>
						<td>
							<span class="repay_name">订单金额:</span><span class="repay_num">￥7,633,324.59</span>
						</td>
						<td>
							<span class="repay_name">支付金额:</span><span class="repay_num">￥7,633,324.59</span>
						</td>
					</tr>
					<tr>
						<td>
							<span class="repay_name">支付方式:</span><span class="repay_num">胖猫白条</span>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<script src="http://static-online.zhaogang.com/publicresource/js/jquery.min.js"></script>
	<script src="http://static-online.zhaogang.com/publicresource/js/CatUI.min.js"></script>
	<script src="http://static-online.zhaogang.com/publicresource/control/layer/layer.min.js"></script>
	<script>
		!function(a){a.fn.datepicker.dates["zh-CN"]={days:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],daysShort:["周日","周一","周二","周三","周四","周五","周六"],daysMin:["日","一","二","三","四","五","六"],months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthsShort:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],today:"今日",clear:"清除",format:"yyyy年mm月dd日",titleFormat:"yyyy年mm月",weekStart:1}}(jQuery);


		$('#date1, #date2').datepicker({
			language: "zh-CN",
			clearBtn: true,
			autoclose: true,
			todayHighlight: true
		});


		
		////弹框1
		$(document).on("ready", function () {
		    layer.open({
		        type: 1,
		        shade: 0.5,
		        skin: 'demo-class', //加上边框
		        title: false,
		        closeBtn:0,
		        area: ['800px', 'auto'],
		        content: $('.go_repay_detail')
		    });
		});
		$(".closeBtn").on("click",function(){
		    layer.closeAll();
		});

				////弹框1
		$('.go_see').on("click", function () {
		    layer.open({
		        type: 1,
		        shade: 0.5,
		        skin: 'demo-class', //加上边框
		        title: false,
		        closeBtn:0,
		        area: ['570px', 'auto'],
		        content: $('.go_pay_detail')
		    });
		});
		$(".closeBtn").on("click",function(){
		    layer.closeAll();
		});

		if(navigator.appName == "Microsoft Internet Explorer"){
			if(navigator.appVersion.split(";")[1].replace(/[ ]/g,"")=="MSIE8.0" || navigator.appVersion.split(";")[1].replace(/[ ]/g,"")=="MSIE9.0"){
				for(var i=0;i<$('input[placeholder]').length;i++){
					$('input[placeholder]').eq(i).val($('input[placeholder]').eq(i).attr('placeholder'));
				}
			}
		}
	</script>
</body>
</html>